<template>
  <tac>
    <el-container>
      <el-header>xixi</el-header>
      <el-main style="height: 900px">
        <el-container style="height: 500px; border: 1px solid #eee">
          <el-aside width="200px" style="height: 900px; background-color: rgb(238, 241, 246)">
            <el-menu :default-openeds="['1']"
                     :default-active="$route.path"
                     router>
              <el-submenu index="1">
                <template slot="title">
                  我的信息
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/My_info/points_search">
                    积分查询
                  </el-menu-item>
                  <el-menu-item index="/My_info/points_shop">积分商城</el-menu-item>
                </el-menu-item-group>
                <el-submenu index="1-3">
                  <template slot="title">
                    我的订单
                  </template>
                  <el-menu-item index="/my_info/myorder/all">全部订单</el-menu-item>
                  <el-menu-item index="/my_info/myorder/unpay">未支付订单</el-menu-item>
                  <el-menu-item index="/my_info/myorder/paid">已支付订单</el-menu-item>
                  <el-menu-item index="/my_info/myorder/finished">已完成订单</el-menu-item>
                  <el-menu-item index="/my_info/myorder/cancelled">已取消订单</el-menu-item>
                </el-submenu>
              </el-submenu>
              <el-submenu index="2">
                <template slot="title">
                  预定座位
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/seat_reserve/seat_intro" @click="gotolink">座位介绍</el-menu-item>
                  <el-menu-item index="/seat_reserve/seat_reserve">座位代预定</el-menu-item>
                  <el-menu-item index="/seat_reserve/cancel_reserve">取消预订</el-menu-item>
                </el-menu-item-group>
              </el-submenu>
              <el-menu-item-group>
                <el-menu-item index="/menu/menu">查看菜单</el-menu-item>
              </el-menu-item-group>
              <el-menu-item-group>
                <el-menu-item index="/quit_user/quit_user">注销用户</el-menu-item>
              </el-menu-item-group>
            </el-menu>
          </el-aside>
          <el-container>
            <header></header>
            <el-main>
              <router-view></router-view>
            </el-main>
          </el-container>
        </el-container>
      </el-main>
    </el-container>
  </tac>
</template>


<script>
export default {
  data() {

  },

  methods: {
    gotolink() {
      this.$router.replace('/seat_reserve/change_seat_intro');
    }
  }
};
</script>


<style>
.el-header {
  background-color: #B3C0D1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}

.tac {

  position: absolute;
  top: 40px;
}
</style>
